<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
<div id="app">
	<div></div>
</div>
</body>
<script src="data.js"></script>
<script>
	// 1-
	// const app = document.querySelector("#app");
	// let result = "";
	// response.forEach(function (item) {
	// 	result += "<div><h3>"+item.nm+"</h3><img height='200' src='"+item.img+"'/></div><hr/>"
	// })
	// app.innerHTML = result;
	
	// 2-
	const app = document.querySelector("#app");
	app.innerHTML  = response.map(function(item){
		return "<div><h3>"+item.nm+"</h3><img height='200' src='"+item.img+"'/></div><hr/>";
	}).join("");
</script>

</html>